<template>
  <div>
<span v-for="(item,index) in arr" :key="index">
  {{item}}
  <input  v-model="hoby" :value=item type="checkbox">
</span>
<div>
  <p v-for="(item,index) in hoby" :key="index">{{item}}</p>
</div>
  </div>
</template>

<script>
export default {
data () {
  return {
    arr:["科幻", "喜剧", "动漫", "冒险", "科技", "军事", "娱乐", "奇闻"]
    ,hoby:[]

  }
}
}
</script>

<style>

</style>